<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!--
        window.setTimeout(调用函数，[延时毫秒数])
        sestTimeout() 用于设置一个定时器 该定时器在定时器到期后执行调用函数、
    -->
    <img src="images/ad.jpg" alt="" class="ad">
    <button>不关闭</button>
    <script>
        var btn = document.querySelector('button');
        var ad = document.querySelector('img');
        // window对象在调用时可以省略window
        // 延时时间单位是毫秒 可以省略
        // 这个调用函数可以直接写函数，也可以写函数名
        // setTimeout(function () { console.log('时间到了'); }, 2000)
        btn.onclick = function(){
            clearTimeout(time0);
        }
        var time0 = setTimeout(function(){
            ad.style.display = 'none';
        },5000)
        function callback() {
            console.log('爆炸了');
        }
        // setTimeout(callback,3000)
        // 页面中有多个定时器时 可以给定时器加名字
        var time1 = setTimeout('callback()',3000);
        console.log(time1);//1
        var time2 = setTimeout('callback()',5000);
        console.log(time2);//2
    </script>
</body>

</html>